<!DOCTYPE html>
<html>
<head>
    <script src="/static/jquery-3.3.1.min.js"></script>
    <script src="/static/jquery-1.9.1.min.js"></script>
    <script src="/static/index.js"></script>
    <meta charset="UTF-8">
    <title>酷阅小说网</title>
    <link rel="stylesheet"  href="/static/maincss.css">
</head>
<body>
<div id="content">
    <header id="header" >
        <div id = header_title>
            <p style="font-size: 40px;"><strong>酷阅小说网</strong></p>
        </div>
        <form method="post" action="/myapp/search2/">
                <input id='in1'  type="text" value="" name="keyword" placeholder="请输入关键词">
               <input type="submit" class="btns" onmouseover="this.style.backgroundPosition='left -40px'"
                    onmouseout="this.style.backgroundPosition='left top'" value="搜索" />
            </form>
        <div id ="header_label1">
            <a href="">登陆</a>
        </div>
        <div id ="header_label2">
            <a href="">注册</a>
        </div>
    </header>
    <div id="menu">
        <div id="menu_pc">
            <img src="/static/image/sc2.png" width="40px" height="45px" alt="">
        </div>
        <ul id =menu_ul>
            <li>
               作品分类
            </li>
            <li><a href="/myapp/ranking/">
               排行榜</a>
            </li>
            <li>
               完本
            </li>
            <li>
               免费
            </li>
            <li style="border-right:white">
               作品专区
            </li>
        </ul>
    </div>
    <div id="center"><!-- 存放大图的容器-->
        <div id = kind>
            <div class="kind_div">
                <div class="kind_div_1">
                <img src="/static/image/k1.png" alt="">
                <p>玄幻</p>
                </div>
                <div class="kind_div_1" >
                <img src="/static/image/k2.png" alt="">
                <p class="kind_div_text">奇幻</p>
                </div>
            </div>
            <div class="kind_div">
                <div class="kind_div_2">
                <img src="/static/image/k3.png" alt="">
                <p>武侠</p>
                </div>
                <div class="kind_div_2" >
                <img src="/static/image/k4.png" alt="">
                <p class="kind_div_text">仙侠</p>
                </div>
            </div>
            <div class="kind_div">
                <div class="kind_div_1">
                <img src="/static/image/k5.png" alt="">
                <p>都市</p>
                </div>
                <div class="kind_div_1" >
                <img src="/static/image/k6.png" alt="">
                <p class="kind_div_text">现实</p>
                </div>
            </div>
            <div class="kind_div">
                <div class="kind_div_2">
                <img src="/static/image/k7.png" alt="">
                <p>军事</p>
                </div>
                <div class="kind_div_2" >
                <img src="/static/image/k8.png" alt="">
                <p class="kind_div_text">历史</p>
                </div>
            </div>
            <div class="kind_div">
                <div class="kind_div_1">
                <img src="/static/image/k9.png" alt="">
                <p>游戏</p>
                </div>
                <div class="kind_div_1" >
                <img src="/static/image/k10.png" alt="">
                <p class="kind_div_text">体育</p>
                </div>
            </div>
            <div class="kind_div">
                <div class="kind_div_2">
                <img src="/static/image/k11.png" alt="">
                <p>科幻</p>
                </div>
                <div class="kind_div_2" >
                <img src="/static/image/k12.png" alt="">
                <p class="kind_div_text">灵异</p>
                </div>
            </div>
        </div>
        <div class="all">
            <div class="top-img">
                <div class="activeimg">
                    <img src="/static/image/1.jpg">
                    <img src="/static/image/2.jpg">
                    <img src="/static/image/3.jpg">
                    <img src="/static/image/4.jpg">
                </div>
                <div class="left"><img src="/static/image/left.png"> </div>
                <div class="right"><img src="/static/image/right.png"></div>
            </div>
            <!-- 存放缩略图的容器-->
            <div class="bot-img">
                <ul>
                    <li class="active"><img src="/static/image/1.jpg"> </li>
                    <li><img src="/static/image/2.jpg"> </li>
                    <li><img src="/static/image/3.jpg"> </li>
                    <li><img src="/static/image/4.jpg"> </li>
                </ul>
            </div>
        </div>
        <div id="recommend">
            <h1 id="recommend_title">今日推荐</h1>
            <hr id="recommend_line">
            <ul>
                <li>
                    「都市」 <span class = recommend_name>钱探吴乾</span><span class = recommend_author>黑色的单车</span>
                </li>
                 <li>
                    「都市」 <span class = recommend_name>钱探吴乾</span><span class = recommend_author>黑色的单车</span>
                </li>
                 <li>
                    「都市」 <span class = recommend_name>钱探吴乾</span><span class = recommend_author>黑色的单车</span>
                </li>
                 <li>
                    「都市」 <span class = recommend_name>钱探吴乾</span><span class = recommend_author>黑色的单车</span>
                </li>
                  <li>
                    「都市」 <span class = recommend_name>钱探吴乾</span><span class = recommend_author>黑色的单车</span>
                </li>
                 <li>
                    「都市」 <span class = recommend_name>钱探吴乾</span><span class = recommend_author>黑色的单车</span>
                </li>
                 <li>
                    「都市」 <span class = recommend_name>钱探吴乾</span><span class = recommend_author>黑色的单车</span>
                </li>
            </ul>
        </div>
    </div>
    <div id="list">
        <div id =list1>
            <p class="list_title"><strong>原创风云榜·新书</strong><span class="list_title_more"><a href="/myapp/ranking2">更多</a></span></p>
            <hr class =list_line>
            <div class="list_first">
                <div class =list_first_1>
                    <div class =list_1><strong>NO.1</strong></div>
                    <div class="list_1_name">全职武神</div>
                    <div class="list_count"> 15575<span class="list_count_1">月票</span></div>
                    <div class="list_kind">仙侠<span class="list_author">流浪的蛤蟆</span> </div>
                </div>
                <div class =list_first_2>
                    <img src="/static/image/sc3.png" width="90" height="130" alt="">
                </div>
            </div>
            <ul class="list_ul">
                <hr class="list_ul_line">
                <li style="list-style: url('/static/image/l2.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l3.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l4.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l5.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l6.png')">我真是个富二代</li><hr class="list_ul_line">
                <li style="list-style: url('/static/image/l7.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l8.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l9.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l10.png')">我真是个富二代</li>



            </ul>
        </div>
        <div id =list2>
            <p class="list_title"><strong>24小时热销榜</strong><span class="list_title_more"><a href="/myapp/ranking2">更多</a></span></p>
            <hr class =list_line>
            <div class="list_first">
                <div class =list_first_1>
                    <div class =list_1><strong>NO.1</strong></div>
                    <div class="list_1_name">牧神记</div>
                    <div class="list_count"> 销量冠军</div>
                    <div class="list_kind">玄幻<span class="list_author">宅猪</span> </div>
                </div>
                <div class =list_first_2>
                    <img src="/static/image/sc4.png" width="90" height="130" alt="">
                </div>
            </div>
            <ul class="list_ul">
                <hr class="list_ul_line">
                <li style="list-style: url('/static/image/l2.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l3.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l4.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l5.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l6.png')">我真是个富二代</li><hr class="list_ul_line">
                <li style="list-style: url('/static/image/l7.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l8.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l9.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l10.png')">我真是个富二代</li>



            </ul>
        </div>
        <div id =list3>
            <p class="list_title"><strong>原创风云榜·新书</strong><span class="list_title_more"><a href="/myapp/ranking2">更多</a></span></p>
            <hr class =list_line>
            <div class="list_first">
                <div class =list_first_1>
                    <div class =list_1><strong>NO.1</strong></div>
                    <div class="list_1_name">全职武神</div>
                    <div class="list_count"> 15575<span class="list_count_1">月票</span></div>
                    <div class="list_kind">仙侠<span class="list_author">流浪的蛤蟆</span> </div>
                </div>
                <div class =list_first_2>
                    <img src="/static/image/sc3.png" alt="">
                </div>
            </div>
            <ul class="list_ul">
                <hr class="list_ul_line">
                <li style="list-style: url('/static/image/l2.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l3.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l4.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l5.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l6.png')">我真是个富二代</li><hr class="list_ul_line">
                <li style="list-style: url('/static/image/l7.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l8.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l9.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l10.png')">我真是个富二代</li>



            </ul>
        </div>
        <div id =list4>
            <p class="list_title"><strong>原创风云榜·新书</strong><span class="list_title_more"><a href="/myapp/ranking2">更多</a></span></p>
            <hr class =list_line>
            <div class="list_first">
                <div class =list_first_1>
                    <div class =list_1><strong>NO.1</strong></div>
                    <div class="list_1_name">全职武神</div>
                    <div class="list_count"> 15575<span class="list_count_1">月票</span></div>
                    <div class="list_kind">仙侠<span class="list_author">流浪的蛤蟆</span> </div>
                </div>
                <div class =list_first_2>
                    <img src="/static/image/sc3.png" alt="">
                </div>
            </div>
            <ul class="list_ul">
                <hr class="list_ul_line">
                <li style="list-style: url('/static/image/l2.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l3.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l4.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l5.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l6.png')">我真是个富二代</li><hr class="list_ul_line">
                <li style="list-style: url('/static/image/l7.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l8.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l9.png')">我真是个富二代</li><hr class="list_ul_line">
                 <li style="list-style: url('/static/image/l10.png')">我真是个富二代</li>



            </ul>
        </div>
    </div>
</div>
</body>
</html>